{include file="header.html"}
{if $user_id}
<div class="title tc ml-30 mr-10">
	<h2>采购计划预提单</h2>
</div>
<div class="content px-20">
<form name="myForm" id="myForm" action="/index.php?act=order&st=orderSave" method="post">
	<section id="section1">
		<table class="my-10">
		    <tbody> 
		        <tr>
		            <td class="pl-10 tc"> 产品名称 </td><td class="pl-15"><input id="Product_Type" name="Product_Type" type="text"/></td>
		        </tr>
		        <tr>
		            <td class="pl-10 tc"> 产品规格</td><td class="pl-15"><input id="Product_Spec" name="Product_Spec" type="text" /></td>
		        </tr>
		        <tr>
		            <td class="pl-10 tc"> 材质（牌号）</td><td class="pl-15"><input id="Product_Grade" name="Product_Grade" type="text" /></td>
		        </tr>
		        <tr>
		            <td class="pl-10 tc"> 采购数量</td><td class="pl-15"><input id="Buy_Qty" name="Buy_Qty" type="number" style="width:120px" /> 吨</td>
		        </tr>
		        <tr>
		            <td class="pl-10 tc"> 采购类型</td>
		            <td class="pl-15">
		            	<select name="Buy_Type">
		            		<option value="现货">现货</option>
		            		<option value="期货" selected="selected">期货</option>
		            	</select>
		            </td>
		        </tr>
		        <tr>
		            <td class="pl-10 tc"> 可接受的<br/>定价模式</td><td class="pl-15"><input id="Buy_Price_Type" name="Buy_Price_Type" type="text" /></td>
		        </tr>
		        <tr>
		            <td class="pl-10 tc"> 是否接受全款<br/>排产和提货</td>
		            <td class="pl-15">
		            	<select name="Buy_Full_Payment">
		            		<option value="是">是</option>
		            		<option value="否">否</option>
		            	</select>
		            </td>
		        </tr>
		        <tr>
		            <td class="pl-10 tc"> 可接受的<br/>其他结算模式 </td><td class="pl-15"><input id="Buy_Settle_Type" name="Buy_Settle_Type" type="text"/></td>
		        </tr>
		        <tr>
		            <td class="pl-10 tc"> 交货方式选择</td>
		            <td class="pl-15">
		            	<select name="Delivery_Type">
		            		<option value="日钢车队配送">日钢车队配送</option>
		            		<option value="自提">自提</option>
		            	</select>
		            </td>
		        </tr>		       
		    </tbody>
		</table>
		<p class="tc mt-30"><span id="btn_next_step1" class="btn w-150" type="button" style="display:inline-block"> 下一步  </span>	</p></section>
	<section id="section2" style="display:none">
		<table style="margin-top:10px;margin-bottom:10px">
		    <tbody>
		        <tr>
		            <td class="pl-10 tc"> 预约到货时间</td><td class="pl-15"><input id="Order_Arrive_Time" name="Order_Arrive_Time" type="text"/></td>
		        </tr>
		        <tr>
		            <td class="pl-10 tc">预约详细<br/>送货地址</td><td class="pl-15"><input id="Order_Addr" name="Order_Addr" /></td>
		        </tr>
		        <tr>
		            <td class="pl-10 tc"> 产品执行<br/>交货标准</td><td class="pl-15"><input id="Order_Standard" name="Order_Standard" /></td>
		        </tr>
		        <tr>
		            <td class="pl-20 tl" colspan="2"><img alt="" src="./files/images/icon2.png" class="icon">质量个性需求（性能、尺寸等）<br/>
		            	<textarea name="Demand_Quality" style="width:95%;height:50px"></textarea>
		            </td>
		        </tr>
		        <tr>
		            <td class="pl-20 tl" colspan="2"><img alt="" src="./files/images/icon2.png" class="icon">政策需求（价格、结算方式等)<br/>
		            	<textarea name="Demand_Policy" style="width:95%;height:50px"></textarea>
		            </td>
		        </tr>
		        <tr>
		            <td class="pl-20 tl" colspan="2"><img alt="" src="./files/images/icon2.png" class="icon">服务需求（物流运输、合同票据等)<br/>
		            	<textarea name="Demand_Service" style="width:95%;height:50px"></textarea>
		            </td>
		        </tr>
		    </tbody>
		</table>
		<p class="tc"><button id="btn_submit" class="btn w-150 h-40" type="submit"> 提交采购计划  </button></p>
	</section>	
</form>
<script type="text/javascript">
function showStep() {
	var hash = (!window.location.hash)? "#step1":window.location.hash;
	switch(hash) {
	  case "#step1":
		  $("#section1").show();
		  $("#section2").hide();
		  break;
	  case "#step2":
		  $("#section1").hide();
		  $("#section2").show();
		  break;
	  default:
		  $("#section1").show();
		  $("#section2").hide();
		  break;
	}
}
$(function(){
	showStep();
	$(window).bind('hashchange', function() {  //监听浏览器前进，后退处理
		showStep();
	});
	$("#btn_next_step1").click(function(){
		window.location.hash = "#step2";
		$("#section1").hide();
		$("#section2").show();
	});
});

</script>
</div>
{else}
<script type="text/javascript">
document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
	alert('您好！您还未进行用户注册，不能享受此服务');
	WeixinJSBridge.call('closeWindow');
});
</script>
{/if}
{include file="footer.html"}